由於 JavaScript 本身是直譯式語言,不需要經過編譯器就可以被執行。但你可能會想說,那要怎麼執行他呢?一般我們寫程式是先把他編譯成可執行檔,接著就可以在你所使用的作業系統上執行。但 JavaScript 他的執行環境就是瀏覽器,也只能是在瀏覽器上。所以我們是無法在作業系統上直接執行他。因此我們會需要一個 HTML 檔案 + JavaScript 檔案,才能得到我們所要的結果。
首先,我們必須先安裝 TypeScript ,在這裡我們使用 npm
來安裝:
npm install -g typescript
接著就可以來寫一支 Hello World 的 TypeScript 程式:
在這邊,他的副檔名是 .ts
關於編輯器(IDE), 我個人是建議使用 VistualStudio Code , 因為他本身有跟 TypeScript 有很好的整合,包含 Intellisense 或時其他的工具等等。
接著寫是 HelloWorld.ts 的內容:
function gretter(person: string) {
return “Hello World!! “ + person + " !";
}
let user = "ITHome";
console.log(greeter(user))'
function
是代表宣告一個函式 名稱叫做 gretter
person
要傳入的變數名稱,他的型別是 string
(字串)return
則是執行這個函式會得到的結果,就是 Hello World 加上 person
console.log()
是要把 greeter(user)
的結果列印在畫面上
程式碼寫好之後,我們就可以透過 TypeScript Compiler 來編譯我們剛剛寫好的程式 HelloWorld.ts
tsc HelloWorld.ts
現在我們就可以來執行我們剛剛編譯的結果了
node HelloWorld.js
# 結果會是 Hello World!! ITHome !